﻿@model blogDemo.Models.artic

<section id="blog-page">
    <div class="container">
        <div class="row">

            <div id="blog-posts" class="col-md-10 col-md-offset-1 text-center">
                <div class="post-item">

                    <!-- Single Post -->
                    <article class="entry wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms">
                        <div class="post-excerpt">
                            <h3>@Html.DisplayFor(model => model.title)</h3>
                            <p class="lead">&emsp;&emsp;@(new MvcHtmlString(Model.content))</p>
                        </div>
                        <div class="post-meta">
                            <span class="post-date">
                                <i class="fa fa-calendar"></i>@Html.DisplayFor(model => model.date)
                            </span>
                            <span class="post-view">
                                <i class="fa fa-eye"></i>@Html.DisplayFor(model => model.views)
                            </span>
                            <span class="author">
                                <i class="fa fa-user"></i><a href="#">@Html.DisplayFor(model => model.author)</a>
                            </span>
                            <span class="post-tags">
                                <i class="fa fa-tags"></i>@Html.DisplayFor(model => model.label)</a>
                            </span>
                        </div>
                    </article>
                    <!-- End Single Post -->

                    <div id="comments" class="comments-section">
                        <!-- 多说评论框 start -->
                        <div class="ds-thread" data-thread-key="@Html.DisplayFor(model => model.ID)" data-title="@Html.DisplayFor(model => model.title)" data-url="http://localhost/artic/details/@Model.ID"></div>
                        <!-- 多说评论框 end -->
                        <!-- 多说公共JS代码 start (一个网页只需插入一次) -->
                        <script type="text/javascript">
                            var duoshuoQuery = { short_name: "blogdemo" };
                            (function () {
                                var ds = document.createElement('script');
                                ds.type = 'text/javascript'; ds.async = true;
                                ds.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//static.duoshuo.com/embed.js';
                                ds.charset = 'UTF-8';
                                (document.getElementsByTagName('head')[0]
                                 || document.getElementsByTagName('body')[0]).appendChild(ds);
                            })();
                        </script>
                        <!-- 多说公共JS代码 end -->
                    </div>

                </div>
            </div>  <!-- blog-posts -->

        </div>	    <!-- End row -->
    </div>       <!-- End container -->
</section>    <!-- End Section -->